<template>
  <div id="app">
    <!-- <Common v-show="isLogin" @logout="logout"></Common>
    <Login @toLogin = "toLogin" v-show="!isLogin"></Login> -->
    <router-view></router-view>
  </div>
</template>

<script>
import Common from "./components/common/common"
import Login from "./components/login/login"
export default {
  name: 'App',
  data(){
  	return {
  		isLogin:true
  	}
  },
  components:{
    Login,
    Common
  },
  methods:{
    // 登录
  	toLogin(){
  		this.isLogin = true
  	},
    //退出登录
    logout(){
      this.isLogin = true
    }
  },
  created(){
    // if(window.localStorage.getItem("perfectUsername")){
    //   this.isLogin = true
    // };
  }
}
</script>
<style>
.item{
	display: inline-block;
	width: 300px;
	font-size: 17px;
	vertical-align: top;
	margin-top:10px;
}
.item_word{
	display: inline-block;
	width: 120px;
	color:#5B85AA;
	vertical-align: top
}
.item_input{
	display: inline-block;
	width:170px;
	word-break: break-all
}
.item2{
	display: inline-block;
	width: 380px;
	padding-top: 10px;
	font-size: 17px;
	vertical-align: top
}
.item2_word{
	display: inline-block;
	width: 150px;
	color:#5B85AA;
	vertical-align: top
}
.item2_input{
	display: inline-block;
	width:220px;
	vertical-align: top
}
.item3{
	display: inline-block;
	width: 480px;
	padding-top: 10px;
	font-size: 17px;
	vertical-align: top
}
.item3_word{
	display: inline-block;
	width: 150px;
	color:#5B85AA;
	vertical-align: top
}
.item3_input{
	display: inline-block;
	vertical-align: top
}
.item_title{
	font-weight: bold;
	font-size: 18px;
	margin: 15px 0;
}

/*tab切换字体大小*/
.el-tabs__item{
	font-size: 20px!important
}

/*1300px的外层div*/
.div_1300{
	width:1300px;
}


.page_word{
    font-size: 30px;
    color:red;
    position: absolute;
    right:20px;
    top:20px;
}
</style>

